<template>
  	<div class="cooperation-contents">
  		<div class="cooperation-top">
        <div class="title">
          <img src="/static/wechat/images/togetherTitle.png" alt="">
        </div>
        <div class="cooperation-explain">
         <p>人多多是打工族招聘领域的移动互联网O2O网络求职平台，彻底的解决打工族在打工期间可能遇到的困难和风险，摆脱中介所收费的困扰，实时公布最新优质工厂招聘信息和返费信息，诚信待人，规矩做事，人多多打工网，求职者的理想选择！</p>
       </div>
      </div>
      <div class="cooperation-bottom">
        <div class="bottom-box">
          <p>业务合作</p>
          <a href="tel:13823536352">
            <p>13823536352</p>
          </a>
          <div class="woman">
             <img src="/static/wechat/images/woman.png" alt="">
          </div>
          <div class="line">
            <img src="/static/wechat/images/line.png" alt="">
          </div>
          <div class="man">
             <img src="/static/wechat/images/man.png" alt="">
          </div>
        </div>
      </div>
    </div>
</template>

<script>
  export default {
    name: 'referral',
    data () {
      return {
      }
    },
    created(){
    },
    methods:{
    },
    mounted(){
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.cooperation-contents {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #208dee;
  color: #fff;
  text-align: center;
  padding: 0 0 4% 0;
}

.cooperation-top {
  width: 89%;
  margin: 0 auto;
  text-align: left;
}

.cooperation-explain {
  font-size: 12px;
  letter-spacing: 2px;
}

.cooperation-top .title{
  width: 90%;
  margin: 0 auto;
  padding: 8% 0;
  text-align: center;
  font-size: 20px;
}
.title img{
  width: 100%;
}
.cooperation-bottom{
  position: relative;
  width: 68%;
  margin: 25% auto 0;
  padding: 4px 6px 4px 4px;
  background: #fff;
  border-radius: 8px;
  box-sizing: content-box;
}
.bottom-box{
  position: relative;
  width: 100%;
  box-sizing: content-box;
  margin: 0 auto;
  padding: 3% 0 8% 0;
  border-radius: 8px;
  border:1px solid #ffb517;
}
.bottom-box p{
  color: #ffb517;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.bottom-box img{
  width: 100%;
}
.bottom-box .woman,.bottom-box .line,.bottom-box .man{
  position: absolute;
}
.woman{
  width: 54%;
  top: -18%;
  left: -26%;
}
.line{
  width: 98%;
  bottom:4%;
  right:0%;
}
.man{
  width: 50%;
  top: -76%;
  right: -21%;
}
</style>
